<template>
  <div class="app-container">
    <el-tabs
      v-model="type"
      type="card"
    >
      <el-tab-pane label="完成账单" name="complete">
        <Complete v-if="type === 'complete'" />
      </el-tab-pane>
      <el-tab-pane label="待收账单" name="receivables">
        <Receivables v-if="type === 'receivables'" />
      </el-tab-pane>
      <el-tab-pane label="提现账单" name="withdraw">
        <Withdraw v-if="type === 'withdraw'" />
      </el-tab-pane>
      <!-- <el-tab-pane label="待付账单" name="payment">
        <Payment v-if="type === 'payment'"  />
      </el-tab-pane> -->
    </el-tabs>
  </div>
</template>
<script setup name="BillManagement">
import Complete from './complete/index.vue'
import Receivables from './receivables/index.vue'
import Payment from './payment/index.vue'
import Withdraw from './withdraw/index.vue'
const type = ref('complete')
</script>
